<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
   <head>
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
      <meta name="description" content="Gurdeep singh osahan">
      <meta name="author" content="Gurdeep singh osahan">
      <title>忘记密码</title>
      <!-- Favicon Icon -->
      <link rel="icon" type="image/png" th:href="@{assets/localpic/103.jpg}">
      <!-- Bootstrap core CSS -->
      <link th:href="@{vendor/bootstrap/css/bootstrap.min.css}" rel="stylesheet">
      <!-- Font Awesome-->
      <link th:href="@{vendor/fontawesome/css/font-awesome.min.css}" rel="stylesheet">
      <!-- Material Design Icons -->
      <link th:href="@{vendor/icons/css/materialdesignicons.min.css}" media="all" rel="stylesheet" type="text/css">
      <!-- Slick -->
      <link th:href="@{vendor/slick-master/slick/slick.css}" rel="stylesheet" type="text/css">
      <!-- Lightgallery -->
      <link th:href="@{vendor/lightgallery-master/dist/css/lightgallery.min.css}" rel="stylesheet">
      <!-- Select2 CSS -->
      <link th:href="@{vendor/select2/css/select2-bootstrap.css}" />
      <link th:href="@{vendor/select2/css/select2.min.css}" rel="stylesheet">
      <!-- Custom styles for this template -->
      <link th:href="@{css/style.css}" rel="stylesheet">
   </head>
   <body>
      <div class="bg-white">
         <div class="container">
            <div class="row justify-content-center align-items-center d-flex vh-100">
               <div class="col-lg-4 mx-auto">
                  <div class="osahan-login py-4">
                     <div class="text-center mb-4">
                        <a href="../web2/index.html"><img th:src="@{assets/localpic/103.jpg}" alt=""></a>
                        <h5 class="font-weight-bold mt-3">找回您的账户</h5>
                        <p class="text-muted" name="id">请输入您的ID</p>
                     </div>
                     <form th:action="@{/findAccount}">
                        <div class="form-group">
                           <label class="mb-1">ID</label>
                           <div class="position-relative icon-form-control">
                              <i class="mdi mdi-account position-absolute"></i>
                              <input type="text" class="form-control" name="id">
                           </div>
                        </div>
                        <button class="btn btn-success btn-block text-uppercase" type="submit">找回账户</button>
                        <div class="py-3 d-flex align-item-center">
                           <a th:href="@{/toLogin}">登录</a>
                           <span class="ml-auto">新用户? <a th:href="@{/toRegister}">现在加入</a></span>
                        </div>
                     </form>
                  </div>
               </div>
            </div>
         </div>
      </div>
      <!-- Bootstrap core JavaScript -->
      <script th:src="@{vendor/jquery/jquery.min.js}"></script>
      <script th:src="@{vendor/bootstrap/js/bootstrap.bundle.min.js}"></script>
      <!-- Contact form JavaScript -->
      <!-- Do not edit these files! In order to set the email address and subject line for the contact form go to the bin/contact_me.php file. -->
      <script th:src="@{js/jqBootstrapValidation.js}"></script>
      <script th:src="@{js/contact_me.js}"></script>
      <!-- Slick -->
      <script th:src="@{vendor/slick-master/slick/slick.js}" type="text/javascript" charset="utf-8"></script>
      <!-- lightgallery -->
      <script th:src="@{vendor/lightgallery-master/dist/js/lightgallery-all.min.js}"></script>
      <!-- select2 Js -->
      <script th:src="@{vendor/select2/js/select2.min.js}"></script>
      <!-- Custom -->
      <script th:src="@{js/custom.js}"></script>
   </body>
</html>